<template>
	<div class="container">
		<el-row>
		<el-col :span="4">
			<menu-panel></menu-panel>
		</el-col>
		<el-col :span="7">
			<symptom-panel></symptom-panel>
		</el-col>
		<el-col :span="6">
			<first-visit></first-visit>
		</el-col>
		<!-- <el-col :span="5">
			<inspection></inspection>
		</el-col> -->
		<el-col :span="7">
			<treatment></treatment>
		</el-col>
	</el-row>
	<div v-if="isLoading" style="width:100%;height:100%;background-color:rgba(0,0,0,0.3);position:absolute;top:0px;left:0px;z-index:100;">
		<p class="lockstyle">
			<i class="el-icon-loading"></i>当前内容锁定
		</p>
	</div>
	</div>
</template>
<script type="text/javascript">
	import MenuPanel from '@/components/MenuPanel'
	import SymptomPanel from '@/components/SymptomPanel'
	import FirstVisit from '@/components/FirstVisit'
	import Inspection from '@/components/Inspection'
	import Treatment from '@/components/Treatment'
	export default{
		name:'MainPanel',
		components:{MenuPanel,SymptomPanel,FirstVisit,Inspection,Treatment},
		data(){
			return{
				isLoading: false
			}
		}
	}
</script>
<style type="text/css" scoped>
.container{
	position: relative;
	box-sizing:border-box;
}
.lockstyle{
	line-height:500px;
	font-size: 24pt;
	color: #ffffff;
}
</style>